<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script src="jquery.js"  ></script>
    <div  id="d1"></div>
    <div id="d2"></div>
    <button id="d3"  style="display:none;"  >暂停</button>


  
  <script>
      $.get("https://www.mxnzp.com/api/music/recommend/list ",{ },
      
      
      function(data){
          var music=new  Audio();
          var ds=data.data;
         
          for(let i=0;i<ds.length;i++){
              let  d=ds[i];
                let  pic=   document.createElement("img");
              pic.src=d.pic_small;
              pic.onclick=function(){
                  $.get("https://www.mxnzp.com/api/music/song/detail?songId="+d.song_id,{},
                  function(songdata){
                      music.src=songdata.data.songLink;
                      music.play();
                      d2.innerHTML="正在播放:"+d.title;
                      d3.style.display="block";



                  });
              };
        
              d1.appendChild(pic);
            }
    
             });

           </script>






    
</body>
</html>